<template>
	<view>
		<title-nav :title='title'></title-nav>
		<view class="list-box">
			<view class="select">请选择</view>
			<ul class="list">
				<li class="list-item" v-for="(item,index) in list" :key="index" @click="toReport(item)">
					<view class="item-text">{{item}}</view>
					<view class="item-icon iconfont icon-qianjin"></view>
				</li>
			</ul>
		</view>
	</view>
</template>

<script>
	import TitleNav from '../../components/TitleNav.vue';
	
	export default {
		data() {
			return {
				list: ['色情低俗','时政不实信息','违法犯罪','垃圾广告、售卖假货','造谣传谣','涉嫌欺诈','侮辱谩骂','危险行为'],
				title: '举报',
			}
		},
		components: {
			TitleNav,
		},
		methods: {
			toReport(reason) {
				uni.navigateTo({
					url: '/pagesC/report/report?reason='+reason
				})
			}
		}
	}
</script>

<style lang="scss">
	.list-box {
		padding: 20px;
		.select {
			color: #808080;
			font-size: 14px;
		}
		.list {
			.list-item {
				width: 100%;
				height: 55px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				.item-text {
					flex: 0 0 90%;
				}
				.item-icon {
					flex: 1;
					font-size: 12px;
					text-align: center;
				}
			}
		}
	}
</style>
